{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1-dist/css/bootstrap.css' %}">
</head>
<body>
    <h1>模板语法学习</h1>
    <div>{{ n1 }}</div>
    <div>{{ n2 }}</div>
    <div>{{ n2.0 }}</div>
    <div>{{ n2.1 }}</div>
    <div>
        {% for item in n2 %}
            <span>{{ item }}</span>
        {% endfor %}
    </div>
    <hr/>
    {{ n3 }}
    {{ n3.name }}
    {{ n3.salary }}
    {{ n3.role }}
    <ul>
        {% for k,v in n3.items %}
            <li>{{ k }} = {{ v }}</li>
        {% endfor %}
    </ul>

    <hr/>
    {{ n4.1 }}
    {{ n4.1.name }}
    {{ n4.1.role }}
    {% for item in n4 %}
        <div>{{ item.name }}  {{ item.salary }}</div>
        <div>{{ item }}</div>
    {% endfor %}

    <hr/>
    {% if n1 == "韩超" %}
        <h1>dddd</h1>
    {% elif n1 == "1" %}
        <h1>jjj</h1>
    {% else %}
        <h1>zzzz</h1>
    {% endif %}


    <script src="{% static 'js/jquery-3.6.1.js' %}"></script>
    <script src="{% static 'plugins/bootstrap-3.4.1-dist/js/bootstrap.js' %}"></script>
</body>
</html>